<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div {
            width: 400px;
            height: 400px;
            border: 1px solid black;

            /* 保留文本原来的样式，不清除空格，与pre标签效果相同 */
            /* white-space: pre; */
            
            /* 保留文本原来的样式，但是如果文本溢出元素了，会自动换行 */
            /* white-space: pre-wrap; */

            /* 忽略文字换行符附近的空格 */
            /* white-space: pre-line; */

            /* 忽略所有的换行符 */
            white-space: nowrap;

        }
    </style>
</head>
<body>

    <div>
        山回路转 不见君
        雪上空留马行处
        山回路转不见君山回路转不见君山回路转不见君山回路转不见君山回路转不见君山回路转不见君
        雪上空留马行处
        山回路转不见君
        雪上空留马行处
        山回路转不见君
        雪上空留马行处
        山回路转不见君
        雪上空留马行处
    </div>
    
</body>
</html>